*{
  margin:0;
  padding:0;
}
a{
  color:#0076ff;
  text-decoration:none;
}
a:hover{
  color:#ff0000;
}
b, em, i{
  font-weight:normal;
  font-style:normal;
}
.clearfix{
  zoom:1;
}
.clearfix:after{
  content:".";
  height:0;
  visibility:hidden;
  display:block;
  clear:both;
}
ol, ul{
  list-style:none;
}
::-webkit-scrollbar{
  -webkit-appearance:none;
  width:10px;
  height:10px;
}
::-webkit-scrollbar-thumb{
  border-radius:4px;
  border:2px solid white;
  background-color:rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb:hover{
  background-color:rgba(0, 0, 0, 0.8);
}
::-webkit-scrollbar-thumb:window-inactive{
  background-color:rgba(0, 0, 0, 0.2);
}
img{
  vertical-align:middle;
}
input, svg{
  outline:none;
}
.pointer{
  cursor:pointer;
}
[hidden], .none, [none]{
  display:none !important;
}
/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active{
  transition:all 0.2s;
}
.fade-transform-enter-from{
  opacity:0;
  transition:all 0.2s;
  transform:translateX(-30px);
}
.fade-transform-leave-to{
  opacity:0;
  transition:all 0.2s;
  transform:translateX(30px);
}

